@headerH:50px;
@headerNav:@headerH - 2;
//手机
@media screen and (max-width: 768px) {
    .header{
        height: 50px;
        .header-content{
            height: 100%;
            .logo{
                img{
                    height: 100%;
                }
            }
            .welcome-name{

            }
            .header-nav{

            }
        }
    }
}

//平板小屏幕电脑
@media screen and (min-width: 769px) {
    .content{
        font-size: 15px;
        span{
            display: inline;
        }
        > .title{
            color: #2a2a2a;
            padding: 3px 10px;
            border: 1px solid #1062f3;
            background-color: #f5f5f5;
        }
        .type-title{
            input{
                width: 50%;
                height: 25px;
                padding: 0 1%;
                font-size: 15px;
                border: 1px solid #1062f3;
            }
        }
        .type-content{
            textarea{
                resize: none;
                width: 50%;
                height: 120px;
                padding: 1%;
                font-size: 15px;
                border: 1px solid #1062f3;
            }
            p{
                width: 50%;
                text-align: right;
                margin: 5px 0;   
            }
        }
        .type-btn{
            span{
                padding: 2px 15px;
                margin-right: 10px;
                cursor: pointer;
                border: 1px solid #cccccc;
                &:hover{
                    background-color: #ccc;
                }
            }
        }
    }
}
                 
